<!-- 显示在界面最上方 用于承载返回上一页按钮 -->
<template>
    <div class="back-header" :class="{'work-shower-light': !$store.state.isDarkMode, 'work-shower-dark': $store.state.isDarkMode}">
        <span @click="$router.back(-1)">&lt;</span>
        {{ title }}
    </div>
</template>

<script>

export default {
    name: 'BackHeader',
    props:['title', 'Login'],

}
</script>

<style lang="less" scoped>
.back-header {
    height: 50px;
    width: 100vw;
    font-size: 20px;
    line-height: 50px;
    position: fixed;
    top: 0;
    border-bottom: 1px solid rgba(128, 128, 128, 0.2);

    span {
        padding: 10px 20px;
    }

    span:active {
        background-color: rgba(129, 129, 129, 0.3);
    }
}
</style>